<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Provider View</title>
    <meta name="author" content="Joey Freeland" />
    <link rel="stylesheet" type="text/css" href="/css/generic.css" />
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.load("visualization", "1", {packages: ["annotatedtimeline"]});
    </script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
    </script>
    <script type="text/javascript">var provider = "{{ provider }}";</script>
    <script type="text/javascript" src="/js/dashboard.js"></script>
  </head>
  <body>
    <form id="selections">
      <select onchange="javascript:setSSID();" id="locationList">
        <option value="null">--Select Location--</option>
      </select>
      <select onchange="javascript:loadSSIDData()" id="ssidList">
        <option value="null">--Select Location First--</option>
      </select>
    </form>
    <br />
    <div align="center" id="charts">
      <table>
        <tr>
          <td>
            <div id="time_since_last_result"></div>
          </td>
          <td>
            <div id=""></div>
          </td>
        </tr>
        <tr>
          <td>
            <div id="ndt_down"></div>
          </td>
          <td>
            <div id="ndt_up"></div>
          </td>
        </tr>
        <tr>
          <td>
            <div id="local_speedtest_down"></div>
          </td>
          <td>
            <div id="local_speedtest_up"></div>
          </td>
        </tr>
        <tr>
          <td>
            <div id="remote_speedtest_down"></div>
          </td>
          <td>
            <div id="remote_speedtest_up"></div>
          </td>
        </tr>
        <tr>
          <td>
            <div id="edns_latency"></div>
          </td>
          <td>
            <div id="idns_latency"></div>
          </td>
        </tr>
        <tr>
          <td>
            <div id="bing_latency"></div>
          </td>
          <td>
            <div id="google_latency"></div>
          </td>
        </tr>
        <tr>
          <td>
            <div id="yahoo_latency"></div>
          </td>
          <td>
            <div id="duration"></div>
          </td>
        </tr>
        <tr>
          <td>
            <div id="my_signal"></div>
          </td>
          <td>
            <div id="average_signal"></div>
          </td>
        </tr>
        <tr>
          <td>
            <div id="best_signal"></div>
          </td>
          <td>
            <div id="my_speed"></div>
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>